<script setup lang="ts">
import HistoryMenu from '@/layouts/admin/historyMenu.vue'
import leftMenu from '@/layouts/admin/leftMenu.vue'
import Navbar from '@/layouts/admin/navbar.vue'
</script>

<template>
  <el-container>
    <el-aside width="200px" style="background-color: #031129;">
      <div class="h-screen">

        <div class="w-full text-white h-16 flex justify-center items-end text-xl">
          <img src="/images/logo64.jpg" class="h-12 rounded-lg" alt="">
          <span class="text-xs ml-2 text-amber-300">7彩达惠</span>
        </div>
        <leftMenu />
      </div>
    </el-aside>
    <el-container>
      <el-header>
        <Navbar />
      </el-header>
      <el-main>
        <router-view #default="{ Component, route }">
          <component :is="Component" class="m-5" :key="route.fullPath" />
        </router-view>

      </el-main>
      <el-footer>
        <div class="b-white text-gray-800 text-center font-light text-sm ">
          <p class="inline-block">Copyright © 2024 7彩达惠</p>
          <p class="inline-block">All Rights Reserved.</p>
        </div>
      </el-footer>
    </el-container>
  </el-container>
</template>
